require(["./config"], () => {
    require(["jquery"], ($) => {
        class Login{
            constructor() {
                this.flagTel = false;
                this.flagPwd = false;
                this.loginBtnReady = false;
                this.init();
            }
            init() {
                const _this = this;

                // 电话号表单验证事件
                $(".telInput")
                .on("input focus", function () {
                    _this.flagTel = false;
                    // console.log($(this).val())
                    $(this).parent().removeClass("warningInput").addClass("focusInput");
                    if ($(this).val() === "") {
                        $(this).next().css("display", "none")
                    } else {
                        const reg = /^1\d{10}$/;
                        if ($(this).val() && reg.test($(this).val())) {
                            _this.flagTel = true;
                        }
                    }
                })
                .on("change blur", function () {
                    $(this).parent().removeClass("focusInput");
                    if ($(this).val() === "") {
                        $(this).next().css("display", "block")
                    } else {
                        if (!_this.flagTel) {
                            $(this).parent().addClass("warningInput");
                        }
                    }
                })

                // 密码框事件
                $(".pwdInput")
                .on("input focus", function () {
                    _this.flagPwd = false;
                    $(this).parent().addClass("focusInput")
                    if ($(this).val() === "") {
                        $(this).next().css("display", "none")
                    } else {
                        _this.flagPwd = true;
                    }
                })
                .on("blur", function () {
                    $(this).parent().removeClass("focusInput");
                    if ($(this).val() === "") {
                        $(this).next().css("display", "block")
                    }
                })

                // 提交按钮出现事件
                $("input").on("input", function () {
                    if (_this.flagTel && _this.flagPwd) {
                        $(".loginBtn").addClass("ready")
                        _this.loginBtnReady = true;
                        
                    } else {
                        $(".loginBtn").removeClass("ready");
                        _this.loginBtnReady = false;
                    }
                })

                // 提交事件
                $(".loginBtn")
                .click(function () {
                    if (_this.loginBtnReady) {
                        _this.login();
                    }
                })
            }

            // 登录函数
            login() {
                let userTel = $(".telInput").val();
                let userPwd = $(".pwdInput").val();
                let flag = false;
                let data = null;
                if (localStorage.getItem("userData")) {
                    data = JSON.parse(localStorage.getItem("userData"));
                    for (let index in data.userList) {
                        if (userTel === data.userList[index].userTel && userPwd === data.userList[index].userPwd) {
                            flag = true;
                            break;
                        }
                    }
                } else {
                    flag = false;
                }
                if (flag) {
                    localStorage.setItem("currentUser", userTel);
                    $(".resultBox p")
                        .text("登录成功！")
                        .next()
                        .text("立即跳转>>")
                        .attr("href", "/index.html")
                        .parent()
                        .fadeIn(1000, function () {
                            setTimeout(function () {
                                window.open("/index.html", "_self")
                            }, 2000)
                        })
                } else {
                    $(".resultBox p")
                        .text("用户名或密码错误")
                        .next()
                        .text("重新输入>>")
                        .attr("href", "/html/login.html")
                        .parent()
                        .fadeIn(1000, function () {})
                }
            }
        }
        new Login();
    })
})